<?php
include ("../include/menu.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>JA Scheduling</title>

            <script type="text/javascript" language="javascript" src="../js/jquery/jquery-1.6.1.min.js"></script>
            <script type="text/javascript" language="javascript" src="../js/jquery/dataTable.js"></script>
            <script type="text/javascript" src="../js/jquery/addInPlace.js"> </script>

         <!--  checkbox styling script -->
            <script src="../js/jquery/ui.core.js" type="text/javascript"></script>
            <script src="../js/jquery/ui.checkbox.js" type="text/javascript"></script>
            <script src="../js/jquery/jquery.bind.js" type="text/javascript"></script>


         <!--  styled select box script version 2 -->
            <script src="../js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>


          <!--  CSS script -->
            <link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen" title="default" />
            <link type="text/css" href="../css/dataTable.css" rel="stylesheet" />

           <!-- Manage table script -->
            <script type="text/javascript" charset="utf-8">
                                    $(document).ready(function() {
                                            $('#admintable').dataTable( {
                                                    "sPaginationType": "full_numbers"
                                            } );
                                    } );
            </script>

       </head>
        <body>
            <!-- DON'T TOUCH! Start: page-top-outer -->
            <?php
            top_outer();
            ?>
            <!-- End: page-top-outer -->

            <div class="clear">&nbsp;</div>

            <!--  start nav-outer-repeat................................................................................................. START -->
            <div class="nav-outer-repeat">
            <!--  start nav-outer -->
            <div class="nav-outer">

            <!-- start nav-right -->
            <?php
            nav_right();
            ?>
            <!-- end nav-right -->


            <!--  start nav -->
            <div class="nav">
            <div class="table">

            <?php
            navigation();
            ?>

            <div class="clear"></div>
            </div>
            <div class="clear"></div>
            </div>
            <!--  start nav -->

            </div>
            <div class="clear"></div>
            <!--  start nav-outer -->
            </div>
            <!--  start nav-outer-repeat................................................... END -->

              <div class="clear"></div>

            <!-- start content-outer ........................................................................................................................START -->
            <div id="content-outer">
            <!-- start content -->
            <div id="content">

            <!--  start page-heading --> <!--lyedit-->
            <div id="page-heading">
                    <h1>Admin Home</h1>
            </div>
            <!-- end page-heading -->

            <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
            <tr>
                    <th rowspan="3" class="sized"><img src="../images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                    <th class="topleft"></th>
                    <td id="tbl-border-top">&nbsp;</td>
                    <th class="topright"></th>
                    <th rowspan="3" class="sized"><img src="../images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
            </tr>
            <tr>
		<td id="tbl-border-left"></td>
		<td>
		<!--  start content-table-inner ...................................................................... START -->
		<div id="content-table-inner">
                    <h2></h2>
			<!--  start table-content  --> 

			<div id="table-content">
                        <!--  Can put table start from here within this div--> <!--lyedit-->
                        <p>Today is Wednesday 11th May 2011</p>

                        <h3>Notification</h3>
                        <table cellpadding="0" cellspacing="0" border="0" class="display" id="admintable">
                            <thead>
                                <tr>
                                    <th>No.</th>
                                    <th>Event</th>
                                    <th>Start/End</th>
                                    <th>Date</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>040911 - Nanyang Polytechnic - JA Company Program</td>
                                    <td>Start</td>
                                    <td>11/05/2011</td>
                                    <td><input type="submit" value="Confirm"/><input type="submit" value="Cancel"/></td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>040910 – Republic Polytechnic - JA Company Program</td>
                                    <td>End</td>
                                    <td>10/05/2011</td>
                                    <td><input type="submit" value="Confirm"/><input type="submit" value="Cancel"/></td>
                                </tr>
                            </tbody>
                        </table>

                        <h3>Report</h3>
                        <p>There are 2 <a href="">pending events</a></p>
                        <p>There are 3 <a href="">ongoing events</a></p>
                        
                        <!--  end table-content here -->
			</div>
			<div class="clear"></div>
		</div>
		<!--  end content-table-inner ............................................END  -->
		</td>
		<td id="tbl-border-right"></td>
	</tr>
	<tr>
		<th class="sized bottomleft"></th>
		<td id="tbl-border-bottom">&nbsp;</td>
		<th class="sized bottomright"></th>
	</tr>
	</table>
	<div class="clear">&nbsp;</div>

</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer........................................................END -->
<?php
footer();
?>

</body>
</html>